.main_color { color: var(--main-color);  }
.sub_color { color: var(--sub-color); }

.theme_color_green { color: #52f355; }
.theme_color_orange { color: #f2dc39; }

.main_text {
    background: linear-gradient(to bottom, #f7e0cf, #fa964e);
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent;
}

.main_text_shaddow { text-shadow: 1px 1px 2px var(--main-color); }
.text_shaddow_000 { text-shadow: 1px 1px 2px #000; }

.def_text {
    background: linear-gradient(to bottom, #fff, #717171);
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent;
}

.main_btn { 
    background: linear-gradient(to bottom, #f7e0cf, #fa964e) !important; 
    -webkit-background-clip: text;
    border: none !important;
}

.main_bgc { background-color: var(--main-color); }

.t_icon { background-image: var(--t-icon); background-size: 100% 100%; }
.first_icon { background-image: var(--first-icon); background-size: 100% 100%; }
.sec_icon { background-image: var(--sec-icon); background-size: 100% 100%; }
.third_icon { background-image: var(--third-icon); background-size: 100% 100%; }


/* 头部背景图 */
.logo { background-image: var(--logo-img); background-size: 100% 100%; }

/* 头部背景图 */
.header_bgi { background-image: var(--header-bgi); background-size: 100% 100%; }

/* 内容区域背景图 */
.body_bgi { background-image: var(--body-bgi); background-size: 100% 100%; }


